<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /*
            id选择器的格式：
                #id名称{}
            【注】：id必须全局唯一，不能复用

            优先级：不遵循就近原则，而是：
            id选择器 > 类选择器 > 标签选择器
        */
        #baidu{
            color: red;
        }

        /*类选择器*/
        .bilibili{
            color: wheat;
        }

        /*标签选择器*/
        h1{
            color: black;
        }
    </style>


</head>
<body>

<h1 id="baidu" class="bilibili">标题一</h1>
<h1 class="bilibili">标题二</h1>
<h1 class="bilibili">标题三</h1>
<h1>标题四</h1>
<h1>标题五</h1>

</body>
</html>